var data=[{
    "title":"美国开心果陪你一起打破格局，助燃今夏",
    "writer":"少油少盐",
    "date":"2020-08-05 12:04:31",
    "readNumber": "420",
    "p1":"&nbsp; &nbsp; &nbsp;2020年8月1日，由美国开心果携手知名健身品牌“人马君fitstart”在上海举办了一场主题为“打破格局，助燃今夏”的燃脂健身团操课。",
    "img1":"http://imgs.douguo.com/upload/keditor_img/20200805/20200805115324_88051.png",
    "p2":"&nbsp; &nbsp; &nbsp;本次健身课邀请到人气健身达人陈玉轩和人马君的资深健身教练郑长川老师前来助阵，吸引了诸多健身爱好者，以及数十家媒体共同参与。现场还特别设置了美国开心果试吃环节和精彩的有奖互动环节，整个下午都在轻松愉悦的氛围中度过。",
    "img2":"http://imgs.douguo.com/upload/keditor_img/20200805/20200805115405_17412.png",
    "p3":"&nbsp; &nbsp; &nbsp;2020年7月20日美国加利佛尼亚州夫勒斯诺市研究发现，定期食用开心果可以降低血压，并在减重计划中有助减重。根据最新研究发现在控制低卡路里饮食时，将开心果加入食谱有助减重，更可为身体带来其他益处，例如降低血压。这项研究已刊登于七月二十日的《营养杂志》中。首席研究员谢丽尔·洛克（Cheryl Rock）博士指出，“这项研究可证实，美国开心果可以成为减重餐单的一部分，它可以提高关键营养素的摄取量，并有助维持健康的饮食习惯”。",
    "img3":"http://imgs.douguo.com/upload/keditor_img/20200805/20200805115523_73150.png",
    "p4":"&nbsp; &nbsp; &nbsp;开心果之所以能在健身减脂中起如此大的作用，究其原因主要原因在于开心果是一种完全蛋白。首先解释下完全蛋白的概念，美国食品和药品管理局将“完全蛋白”定义为含有充足数量的所有9种“必需氨基酸”。而必需氨基酸指人体不能合成或迅速合成，必需由食物蛋白质供给的氨基酸。经由美国伊利诺伊大学厄巴纳-尚佩恩分校对其所含蛋白质的质量进行科学研究后发现，烘烤过的开心果含有全部9种人体必需的氨基酸，可用作维持5岁或以上人群的健康所需。因此，开心果是真正的“完全蛋白”。",
    "img4":"http://imgs.douguo.com/upload/keditor_img/20200805/20200805115656_17153.png",
    "p5":"&nbsp; &nbsp; &nbsp;身为完全蛋白零食的开心果，便于携带、无需烹饪、易于储存，这对于健身达人或是减肥人群可谓是“完美拍档”。不仅如此，开心果含有大量的不饱和脂肪酸，且不含胆固醇，有助降低患上心血管疾病的风险；它含有纤维素、抗氧化剂、叶黄素、钾和B群维生素，在锻炼前后为身体补充能量，当属健身训练中的“秘密武器”。此外，它亦含有植物营养素如玉米黄质，有助保护眼睛对抗蓝光和紫外线。",
    "img5":"http://imgs.douguo.com/upload/keditor_img/20200805/20200805115807_80896.png",
    "p6":"&nbsp; &nbsp; &nbsp;通过本次特色十足的健身体验课，一起打破传统健身格局，传递全新的绿色健康轻饮食的开心理念，将“动的勤、吃的对”生活方式带入每个人的心中，助燃活力四射的今年夏天，让美国开心果开启夏日轻食生活！"
}]

var recordCount=0   //总记录数
var pageSize=5      //每页显示记录数
var pageCount=0     //总页数
var pageIndex=0     //当前页的索引值

//显示具体数据的方法
function initData(){
    var ul=document.getElementById('articleAll')
    var strHTML=''
    for(var i=pageIndex*pageSize ; i<(pageIndex+1)*pageSize ; i++){
        if(data[i]){
            strHTML+=`<h1>${data[i].title}</h1>
                    <div class="intermation">
                        <a href="user.html">作者：${data[i].writer}</a>
                        <span>${data[i].date}</span>
                        <span>${data[i].readNumber}次阅读</span>
                    </div>
                    <hr/>
                    <div class="article">
                        <p>${data[i].p1}</p>
                        <img src="${data[i].img1}" alt="">
                        <p>${data[i].p2}</p>
                        <img src="${data[i].img2}" alt="">
                        <p>${data[i].p3}</p>
                        <img src="${data[i].img3}" alt="">
                        <p>${data[i].p4}</p>
                        <img src="${data[i].img4}" alt="">
                        <p>${data[i].p5}</p>
                        <img src="${data[i].img5}" alt="">
                        <p>${data[i].p6}</p>
                    </div>
                    `
        }
    }
    ul.innerHTML=strHTML
}

window.onload=function(){
    initData()

    var comment
    var discuss = document.getElementsByClassName('comments')[0]
    var publish = document.getElementById('publish')
    var ping = document.getElementById('commentContent')
    publish.onclick = function(){
        comment = ping.value
        var newDiv1 = document.createElement('ul')
        newDiv1.className = "d1"
        newDiv1.innerHTML = `<li>
                                <img src="images/default.jpg" alt="" class="userImage">
                                <div class="author-comment">
                                    <a href="user.html">userName</a>
                                    <p class="commtxt">`+comment+`</p>
                                    <p class="time">2020-08-20</p>
                                </div>
                                <hr/>
                            </li>`
        discuss.appendChild(newDiv1)
        ping.value = ""
        //获取姓名
        var userInfo1=[]
        if( localStorage['userInfo']){
            userInfo1=JSON.parse(localStorage['userInfo'])
            document.querySelector('.span3').innerHTML=userInfo1[0].name
        }
    
    }
}